	/* public css */
	.line { width: 100%; display: flex; align-items: center; justify-content: flex-start;  }
	
	.pagetitle { width: 100%; text-align: center; color: darkorange; text-shadow: 1px 1px 5px #999;}
	.item { width: 60px; font-size: 14px; font-weight: 600; color: #666666; cursor: pointer; }
	.item:hover { color: red;}
	.item.choosed { color: darkorange;}
	
	.v-table-header-row td { background-color: #3F536E; color: lightblue; font-size: 16px;}
	.v-table-row td { font-size: 14px;}
	
	/* page */
	.container { position: absolute; width: 96%; height: calc(100% - 20px); margin-left: 2%; margin-top: 10px; border-radius: 5px; background-color: #f0f0f0; min-width: 1024px;}
	
	/* hearder */
	header.line { width: 100%; height: 90px;  border-bottom: 1px solid lightgrey; justify-content: space-between; padding: 20px; }
	.logininfo { width: 400px; text-align: right; }
	.logininfo span { display: inline-block; width: 80px; font-size: 16px; font-weight: 200px; color: darkorange; }
	.mainTitle { font-size: 36px; color: darkorange; text-shadow: 1px 1px 3px #333; font-weight: bolder; }
	.logininfo span { text-align: center;}
	.logininfo button { width: 80px; font-size: 14px; background: none; border: none; cursor: pointer; border-left: 1px solid;  }
	.logininfo button:hover { color: red; }
	
	/* body */
	article.body { width: 100%; height: calc(100% - 90px);}
	.nav { flex-basis: 200px; height: 100%; background-color: #ccc; overflow: auto; }
	nav { width: 100%; min-height: 800px; line-height: 36px; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; }
	nav button { background: none; border: none; width: 100px; cursor: pointer; margin: 0 10px; font-size: 14px; font-weight: bold; text-align: left;}
	nav button.small { font-size: 14px; font-weight: 400; margin-left: 40px;}
	nav button.choosed { color: darkorange; font-weight: bolder;}
	
	.mainblock { width: 100%; height: 100%; overflow: auto;  }
	main { width: 96%; margin: 20px 20px 40px;  }